$(function () {
    $.ajax({
        url: bignew.category_list,
        dataType: 'json',
        success: function (res) {
            if (res.code == 200) {
                let html = tempalte('cateListTemp', res)
                $('#selCategory').html(html)
            }
        }
    })

    function init() {
        $.ajax({
            url: hignew.article_query,
            data: {
                perpage,
                perpage,
                type: $('#selCategory').val(),
                state: $('#selStatus').val()
            },
            dataType: 'json',
            success: function (res) {
                console.log(res);
                $('tebody').html(template('articleListTemp', res.data))
                setPage(res.data.totalPage)
            }
        })
    }
    init()

    $('btn-search').on('click', function () {
        e.preventDefault()
        console.log($('#selCategory').val());
        console.log($('#selStatus').val());
        page = 1
        init()
    })

    // 生成分页结构，同时还可以实现分页功能
    function setPage(total) {
        // pagination：当前放置分页结构的元素
        $(".pagination").bootstrapPaginator({
            //设置版本号
            bootstrapMajorVersion: 3,
            // 显示第几页
            currentPage: page,
            // 总页数
            totalPages: total,
            //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
            onPageClicked: function (event, originalEvent, type, cpage) {
                // cpage就是用户当前所单击的页码值，我们只需要让ajax根据这个页码去获取数据
                // 1.重置全局的page
                // 2.让ajax重新发送请求
                console.log(cpage)
                page = cpage
                init()
            }
        })
    }
})